<template>
  <div id="app">
    <router-view></router-view>
  </div>  
  
</template>

<script>
import sofaHead from './components/header'
import foot from './components/footer'
import sofaMsg from './components/Msg'
import dev from './components/Developer'
import sofaNav from './components/Nav'
import imgList from './components/imglist'
export default {
  components:{
    sofaHead,foot,sofaMsg,dev,sofaNav,imgList
  },
  name: 'App'
}
</script>

<style>
*{
  margin: 0;padding: 0;
  list-style: none;
  text-decoration: none;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.container{
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left:  15px;
  padding-right:  15px;
  overflow: hidden;
}
</style>
